#fullPage-nav span,.fullPage-slidesNav span{border-color:#AAA}



#fullPage-nav li .active span,.fullPage-slidesNav .active span{background:#AAA}



nav.navbar.bootsnav.navbar-fixed {

    position: fixed;

    display: block;

    width: 100%;

	height:90px;

}

nav.navbar.bootsnav {

    margin-bottom: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    border: none;

    z-index: 9000;

	

}

nav.navbar.bootsnav.navBombar{

	filter: alpha(Opacity=80);

	-moz-opacity: 0.8;

	opacity: 0.8;

	background-color: #252625;

}

nav .menu {

	width: 1280px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

nav .menu .logo {

	width: 130px;

	float: left;

	margin-top: 20px;

}

nav .menu .nav {

	float: left;

	width: 865px;

	position:relative;

}

nav .menu .nav .top {

	float: right;

	height: 25px;

	width: 229px;

	margin-top: 17px;

	margin-right: 20px;

	background-image: url(../images/xygs12.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	background-color: #575757;

	text-indent:28px;



}

nav .menu .nav .name{

	position: absolute;

	top: 10px;

	left: 25px;

	line-height: 35px;

	color: #FFF;

	font-weight: lighter; 

	font-size: 26px;  

	font-family: "黑体";

}

nav .menu .nav .bottom {

	float: left;

	width: 865px;

	height: 47px;

}

nav .menu .nav .bottom li {

	float: left;

	width: 85px;

	margin-top: 15px;

	text-align: center;

}

nav .menu .nav .bottom li a {

	text-align: center;

	color: #ffffff;

	display: block;

	font-size: 16px;

}

nav .menu .nav .bottom li .on {

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #d70f4e;

	height: 31px;

	color: #d70f4e;

}



nav .menu .nav .bottom li:hover a{

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #d70f4e;

	height: 31px;

	color: #d70f4e;

}



nav .menu .extra-link {

	float: left;

	width: 280px;

}

nav .menu .extra-link .link1 {

	background-image: url(../images/xygs8.jpg);

	background-repeat: no-repeat;

	width: 70px;

	height: 90px;

	display: block;

	margin: 0px;

	float: left;

}



nav .menu .extra-link .link2 {

	background-image: url(../images/xygs9.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 90px;

	width: 70px;

	float: left;

}

nav .menu .extra-link .link3 {

	background-image: url(../images/xygs10.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 90px;

	width: 70px;

	float: left;

}

nav .menu .extra-link .link4 {

	background-image: url(../images/xygs11.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 90px;

	width: 70px;

	float: left;



}

nav .menu .extra-link .link1:hover {

		 opacity:0.9;

    filter:alpha(opacity=90);

}

nav .menu .extra-link .link2:hover {

		 opacity:0.9;

    filter:alpha(opacity=90);

}

nav .menu .extra-link .link3:hover {

		 opacity:0.9;

    filter:alpha(opacity=90);

}

nav .menu .extra-link .link4:hover {

		 opacity:0.9;

    filter:alpha(opacity=90);

}

.section .fp-tableCell{ height:100%!important; overflow:hidden;}



.swiper-container {

        width: 100%;

        height: 100%;

		overflow:hidden;

}

.swiper-slide {

        background-position: center;

        background-size: cover;

		width: 100%!important;

		

}



.page1{ overflow:hidden!important; height:100%!important;}



.page1 .swiper-pagination-bullet {

    margin: 0 5px;

}



.page1 .swiper-pagination-bullet-active {

    opacity: 1!important;

}



.page1 .swiper-pagination-bullet {

    opacity: 0.6;

    border-radius: 0;

    height: 3px;

    width: 30px;

    background: #FFF;

}





.page1 .swiper-pagination {

    bottom: 70px!important;

}



.swiper-container-fade .swiper-slide{ overflow:hidden;}



.page1 .slide-content {

    width: 1200px;

	height:300px;

    color: #fff;

    margin: 0 auto 0;

    text-align: center;

    font-size: 10px;

    position:absolute;

    top: 50%;

	margin-top:-150px;

	left:50%;

	margin-left:-600px;

	z-index:10000;

}

.page1 .swiper-slide .video_con{ position:relative; z-index:500; width:100%; height:100%; overflow:hidden;}

.page1 .swiper-slide video{ width:100%; height:auto; position:absolute; z-index:500;}

.page1 .swiper-slide .slide-content h2{

	font-size: 70px;

	color: #fff;

	text-align: center;



}







.page1 .swiper-slide .slide-content p{

	font-size: 34px;

	color: #FFF;

	text-align: center;

	line-height: 50px;

	margin:20px auto;



}





.page1 .swiper-slide .slide-content .more{

	width: 120px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	font-size: 24px;

	color: #FFF;

	display: block;

	margin-top: 80px;

	margin-left:auto;

	margin-right:auto;

	background-color: #ba4e42;

}





.move-down {

    display: block;

    width: 51px;

    height: 51px;

    background: url(../images/home/go.png) no-repeat;

    cursor: pointer;

    z-index: 99;

    position:absolute;

    bottom: 5px;

    left: 50%;

    margin-left: -25px;

}



.page2{

	background-image: url(../images/home/bg2.png);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.page3{

	background-image: url(../images/home/bg3_2.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.page4{

	background-image: url(../images/home/bg4.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.page6{

	background-image: url(../images/home/bg6.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.page7{

	background-image: url(../images/home/bg2.png);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.page8{

	background-image: url(../images/home/bg3.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}

.page9{

	background-image: url(../images/home/bg7.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-size:cover;

}



.section .title{

	width: 400px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 5px;

	text-align: center;

	font-size: 52px;

	line-height: 90px;

	font-weight: normal;

	color: #32373d;

	height:90px;

	position:relative;

}



.section .title:before {

	content: "";

	width: 145px;

	height: 5px;

	position: absolute;

	left: 50%;

	top: -5px;

	margin-left:-72px;

	background-color: #f84713;

}



.section .dec{

	width: 700px;

	text-align: center;

	font-size: 18px;

	line-height: 35px;

	color: #c3c3c3;

	margin:0 auto;

	padding:5px 0;

}



.section .learn_more{

	width: 145px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	display: block;

	margin: 0 auto;

	border: 1px solid #fd276d;

	font-size: 16px;

	color: #2c2c2c;

}



.section.page2 .list{

    width:1200px;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:20px;

	overflow:hidden;

	height:510px;

}



.section.page2 .bg1{

	width: 233px;

	height: 188px;

	position: absolute;

	top: 160px;

	left: 0px;

	background-image: url(../images/home/p2_bg_1.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(-200px,0px); 

	transition:all 0.5s ease-in-out;

}



.section.page2.active .bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.section.page2 .bg2{

	width: 226px;

	height: 368px;

	position: absolute;

	bottom: 180px;

	right: 0px;

	background-image: url(../images/home/p2_bg_2.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(0px,200px); 

	transition:all 0.5s ease-in-out;

}

.section.page2.active .bg2{opacity:1; transform:translate(0px,0px); transition-delay:1s;}



.section.page2 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page2.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page2 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page2.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page2 .list{

	opacity:0; 

	transform:translate(0px,200px);

	transition:all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

}



.section.page2.active .list{

	opacity:1; transform:translate(0px,0px);transition-delay:0.6s;

}



.section.page2 .list ul{ margin-left:-25px; margin-right:-25px;}



.section.page2 .list li{

	width: 260px;

	height:510px;

	margin-left: 25px;

	margin-right: 25px;

	float: left;

	border: 1px solid #e8e8e8;

	

}

.section.page2.active .list li{

	opacity:1; 

	transform:translate(0px,0px);

	transition:all 0.5s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

 }



.section.page2.active .list li:hover{ opacity:1;transform:translate(0px,-20px);transition:all 0.2s ease-in-out;-moz-box-shadow:0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc; box-shadow:0px 0px 15px #ccc;transition-delay:0.2s;}



.section.page2 .list li .img{ width:260px; height:425px; overflow:hidden;}



.section.page2 .list li .img img{width:260px; height:425px;}



.section.page2 .list li .img:hover img{

    

}



.section.page2 .list li .tit{

	font-size: 28px;

	line-height: 85px;

	color: #444444;

	text-align: center;

	font-weight: bold;

}



.section.page2 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page2.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page3 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page3.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page3 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page3.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page3 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page3.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page3 .bg1{

	width: 273px;

	height: 239px;

	position: absolute;

	top: 0px;

	right: 0px;

	background-image: url(../images/home/p3_bg_1.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(200px,0px); 

	transition:all 0.5s ease-in-out;

}



.section.page3.active .bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.section.page3 .bg2{

	width: 189px;

	height: 286px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	background-image: url(../images/home/p3_bg_2.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(0px,200px); 

	transition:all 0.5s ease-in-out;

}

.section.page3.active .bg2{opacity:1; transform:translate(0px,0px); transition-delay:1s;}



.section.page3  .prolist{

	width:1480px;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:20px;

}

.section.page3  .prolist figure {

    position: relative;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

    margin:-0.15em -0.15em;

    width: 370px;

    height: 239px;

    background: #3085a3;

    text-align: center;

    cursor: pointer;

	opacity:0; 

	transform:translate(0px,200px);

	transition:all 0.8s ease;

	-moz-transition: all 0.8s ease;

	-webkit-transition: all 0.8s ease;

	-o-transition: all 0.8s ease;

}

.section.page3.active .prolist figure{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page3  .prolist figure .bg{

	width: 100%;

	height: 100%;

	display: block;

	background-color: #000000;

	position: absolute;

	left:0px;

	bottom:0px;

	z-index: 100;

	filter: alpha(opacity=60); /*IE滤镜，透明度50%*/

	-moz-opacity: 0.6; /*Firefox私有，透明度50%*/

	opacity: 0.6;/*其他，透明度50%*/

}

.section.page3  .prolist figure:hover{

  -webkit-box-shadow: 0px 0px 10px;  

  -moz-box-shadow: 0px 0px 10px;  

  box-shadow: 0px 0px 10px;

  z-index:1000;

}

.section.page3  .prolist figure:hover .bg{ height:45px;}

figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

figure.effect-lily:hover img, figure.effect-lily:hover p {

    opacity: 1;

}

figure.effect-lily img {

    width: -webkit-calc(100% + 50px);

    width: calc(100% + 50px);

    opacity: 0.7;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(-40px,0, 0);

    transform: translate3d(-40px,0,0);

}

.section.page3  .prolist figure img {

    position:absolute;

    display: block;

	width:100%;

	height:100%;

	transition: all 0.6s;

	

}



.section.page3  .prolist figure:hover img{

    transform: scale(1.2);

}



figure.effect-lily figcaption {

    top: auto;

    bottom: 0;

    height: 50%;

    text-align: left;

}



.section.page3  .prolist figure figcaption {

    color: #fff;

    text-transform: uppercase;

    font-size: 22px;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	width:100%;

	position:absolute;

	top:30%;

	z-index:200;

	display:block;

}

.section.page3  .prolist figure:hover figcaption{ display:none;}

.section.page3  .prolist figure .more{

    color: #fff;

    text-transform: uppercase;

    font-size: 22px;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	width:100%;

	position:absolute;

	top:30%;

	z-index:200;

	display:block;

}

.section.page3  .prolist figure .pcon{

padding:0;

position:absolute;

bottom:0;

z-index:1000;

width:100%;

height:50px;

}

.section.page3  .prolist figure:hover .pcon{

display:block;

}

.section.page3  .prolist figure .pcon .tit{

	font-family: "微软雅黑";

	font-size: 22px;

	height:50px;

	line-height:50px;

	font-weight: lighter;

	color: #FFFFFF;

	width:100%;

	padding:0px;

	margin:0px;

	text-align: left;

	text-indent:15px;

}

.section.page3  .prolist figure .pcon .tit span{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	margin-left:20px;

	text-transform: uppercase;

}

.section.page3  .prolist figure .pcon .list{

line-height:25px;

width:100%;

margin-top:15px;

}

.section.page3  .prolist figure a .pcon .list{

	font-size: 14px;

	color: #FFFFFF;

}

.section.page3  .prolist figure a .pcon .list p{ text-align:left;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

    display: block;

}

.section.page3  .prolist figure figcaption h2{

	font-family: "微软雅黑";

	font-size: 18px;

	font-weight: lighter;

	color: #FFFFFF;

}

.section.page3  .prolist figure figcaption .line{

	height: 1px;

	width: 60px;

	margin:10px auto;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #bcc0c3;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.section.page3  .prolist figure figcaption .en{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}

.section.page3  .prolist figure .more h2{

	font-family: "微软雅黑";

	font-size: 18px;

	font-weight: lighter;

	color: #FFFFFF;

}

.section.page3  .prolist figure .more .line{

	height: 1px;

	width: 60px;

	margin:10px auto;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #bcc0c3;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.section.page3  .prolist figure .more .en{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}



.section.page4{}



.section.page4 .list{

    width:1480px;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:20px;

	overflow:hidden;

	height:400px;

}



.section.page4 .bg1{

	width: 243px;

	height: 459px;

	position: absolute;

	bottom: 50px;

	left: 0px;

	background-image: url(../images/home/p4_bg_1.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(-200px,0px); 

	transition:all 0.5s ease-in-out;

}



.section.page4.active .bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.section.page4 .bg2{

	width: 243px;

	height: 459px;

	position: absolute;

	top: 140px;

	right: 0px;

	background-image: url(../images/home/p4_bg_2.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(0px,200px); 

	transition:all 0.5s ease-in-out;

}

.section.page4.active .bg2{opacity:1; transform:translate(0px,0px); transition-delay:1s;}



.section.page4 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page4.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page4 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page4.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}





.section.page4 .main{ width:1350px; margin:0 auto; padding-top:30px; padding-bottom:20px;}



.section.page4 .litpic{ 

    width:64%; 

	float:left; 

	height:auto;

	transform:translate(0px,200px); 

	transition:all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

	opacity:0;

}



.section.page4.active .litpic{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page4 .litpic img{ width:100%; height:auto;}



.section.page4 .decs{

	width: 35%;

	float: right;

	height: auto;

	font-size: 16px;

	line-height: 2em;

	color: #353535;

	text-align:center;

	margin-top:0px;

	transform:translate(0px,200px); 

	transition:all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

	opacity:0;

}



.section.page4.active .decs{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}



.section.page4 .decs h2{

	font-size: 26px;

	line-height: 2em;

	color: #545454;

}



.section.page4 .decs .en{ padding-top:10px; padding-bottom:10px;}



.section.page4 .decs .info{ padding-bottom:40px;}



.section.page5 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page5.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page5 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page5.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page5 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page5.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



#ho{position:relative !important; margin-left:-10px; margin-right:-10px;}

#ho li{float:left;width:575px; height:440px;position:relative; overflow:hidden; margin:0 10px;}



#ho li  .product{

	display: block;

	position: relative;

	width:575px;

	height: 435px;

	

	

}

#ho li .product:hover{

	border:none

	

}

#ho li .product:hover .dj{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10000;

	overflow: hidden;

	width: 100%;

	height: 435px;

	color: #FFF;

	font-size: 19px;

	text-align: center;

	line-height: 45px;

	font-weight: normal;

	background-color: #000000;

opacity:0.6; 

	  	

}

#ho li .product .dj .tits {

	width: 90%;

	height: auto;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;



    



}

#ho li .product .dj .tits h2 {

	color: #FFF;

	margin-top: 160px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	font-size: 50px;

	font-weight: normal;

	line-height: 100px;

}

#ho li .product .dj .tits p {

	font-size: 20px;

	line-height: 30px;

	margin-top: 20px;

}



.section.page6 .container{

  max-width: 1200px;

  margin: 0 auto;

  position:relative;

  height:500px;

}

.section.page6 .slide{

            width: 100%;

            min-height: 180px;

            overflow: hidden;

            position: relative;

  

        }

.section.page6 .slide .img{

            overflow: hidden;

            position: absolute;

            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;

        }

.section.page6 .slide .img img{

            width: calc(100% - 14px);

            height: calc(100% - 14px);

            margin: 7px;

        }

.section.page6 .slide .img1{

            width: 40%;

            height: 40%;

            top: 30%;

            left: -50%;

            z-index: 1;

        }

.section.page6 .slide .img2{

            width: 70%;

            height: 80%;

            top: 10%;

            left: -20%;

            z-index: 2;

        }

.section.page6 .slide .img3{

            width: 60%;

            height: 100%;

            top: 0%;

            left: 20%;

            z-index: 3;

        }

.section.page6 .slide .img4{

            width: 70%;

            height: 80%;

            top: 10%;

            left: 30%;

            z-index: 2;

        }

.section.page6 .slide .img5{

            width: 40%;

            height: 40%;

            top: 30%;

            left: 110%;

            z-index: 1;

        }

.section.page6 .slide-bt{

            position: absolute;

            left: 50%;

            bottom: 13%;

            z-index: 10;

        }

.section.page6 .slide-bt span{

            width: 24px;

            height: 8px;

            background: #c9caca;

            float: left;

            margin: 5px;

            border-radius: 4px;

        }

.section.page6 .slide .slide-bt .on{

            background: #ffd200;

        }

.section.page6  a.prev{

    display: block;

    width: 49px;

    height: 49px;

    background: transparent url(../images/arrows.png) no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -24px;

    cursor: pointer;

    text-decoration: none;

    outline: 0;

    border: 0;

	background-position: left top;

    left: 5%;

    z-index: 10;

}

.section.page6  a.next{

    display: block;

    width: 49px;

    height: 49px;

    position: absolute;

    top: 50%;

    margin-top: -24px;

    cursor: pointer;

    text-decoration: none;

    outline: 0;

    border: 0;

	right: 5%;

    background: transparent url(../images/next.png) no-repeat;

    z-index: 10;

}



.section.page6 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page6.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page6 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page6.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page6 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page6.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page6 .dec{

	color: #5e5e5e;

}



.section.page6 .exhibition_hall {text-align:center;position: relative;overflow:hidden;}

.section.page6 .exhibition_hall h4 {font-size:30px;font-family:"微软雅黑";text-align:center;margin:0px auto;padding-top:50px;color:#000;}

.section.page6 .tline {color:#dedede;}

.section.page6 .roundabout_box {width:980px;height:480px;}

.section.page6 .roundabout_box ul {}

.section.page6 .roundabout_box img {width:100%;}

/**********roundabout**********/

.section.page6 .roundabout_box {height:500px;width:1400px;margin:0px auto 0px auto; position:relative;}

.section.page6 .roundabout-holder{list-style:none;width:808px;height:502px;margin:0px auto;}

.section.page6 .roundabout-moveable-item{font-size:12px!important;height:502px;width:808px;cursor:pointer;background:#f9f9f9;}

.section.page6 .roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}

.section.page6 .roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}

.section.page6 .roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}

.section.page6 .roundabout-holder .text{color:#999;}

.section.page6 .roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}

.section.page6 .roundabout a:active,.section.page6 .roundabout a:focus,.section.page6 .roundabout a:visited{outline:none;text-decoration:none;}

.section.page6 .roundabout li{margin:0}



.section.page6 .ban_l_btn,.section.page6 .ban_r_btn{ position: absolute; top: 50%;margin-top:-34px; left:-1px; display: block; width: 65px; height: 68px; background: url(../images/wid65Btn.png) 0 0 ; z-index: 9; overflow: hidden; }

.section.page6 .ban_r_btn{ left:auto; right:-1px; background-position: -65px 0; }



.section.page7{

	

}



.section.page7 .bg1{

	width: 235px;

	height: 168px;

	position: absolute;

	top: 160px;

	left: 0px;

	background-image: url(../images/home/p7_bg_1.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(-200px,0px); 

	transition:all 0.5s ease-in-out;

}



.section.page7.active .bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.section.page7 .bg2{

	width: 191px;

	height: 352px;

	position: absolute;

	bottom: 180px;

	right: 0px;

	background-image: url(../images/home/p7_bg_2.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(0px,200px); 

	transition:all 0.5s ease-in-out;

}

.section.page7.active .bg2{opacity:1; transform:translate(0px,0px); transition-delay:1s;}



.section.page7 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page7.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page7 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page7.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page7 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page7.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page7 .dec{

	color: #5e5e5e;

}

.section.page7 .list{

	width:1580px;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:20px;

	

}

.section.page7 .list ul{}



.section.page7 .list li{ 

  width:295px; 

  height:220px; 

  float:left; 

  margin-left:10px; 

  margin-right:10px; 

  margin-bottom:20px; 

  position:relative;

  opacity:0; 

  transform:translate(0px,200px);

  transition:all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -webkit-transition: all 0.8s ease;

  -o-transition: all 0.8s ease;

}



.section.page7.active .list li{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page7 .list li .img{width:295px; height:220px; position:relative;overflow:hidden;}



.section.page7 .list li .img img{ width:100%;transition: all 0.6s; }



.section.page7 .list li .img:hover img{

    transform: scale(1.2);

}



.section.page7 .list li .tit{

	height: 40px;

	line-height: 40px;

	width: 100%;

	text-align: center;

	position: absolute;

	font-size: 14px;

	color: #fff;

	background-color: #e0491c;

	z-index:10000;

	bottom:0px;

	left:0px;

	display:none;

}



.section.page7 .list li:hover .tit{ display:block;}



.section.page8 .dec{

	color: #5e5e5e;

}



.section.page9 .title{ color:#fff;}







.section.page8 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page8.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page8 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page8.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page8 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page8.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page3.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}

.section.page8 .roundabout-holder{list-style:none;width:500px;height:425px;margin:0px auto;}

.section.page8 .roundabout-moveable-item{font-size:12px!important;height:495px;width:495px;cursor:pointer;background:#f9f9f9;}

.section.page8 .roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}

.section.page8 .roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}

.section.page8 .roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}

.section.page8 .roundabout-holder .text{color:#999;}

.section.page8 .roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}

.section.page8 .roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}

.section.page8 .roundabout li{margin:0}





.section.page9 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page9.active .title{

	opacity: 1;

	transform: translate(0px,0px);

	transition-delay: 0.6s;

	color: #5f5f5f;

}



.section.page10 .bg1{

	width: 235px;

	height: 168px;

	position: absolute;

	top: 160px;

	left: 0px;

	background-image: url(../images/home/p7_bg_1.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(-200px,0px); 

	transition:all 0.5s ease-in-out;

}



.section.page10.active .bg1{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.section.page10 .bg2{

	width: 191px;

	height: 352px;

	position: absolute;

	bottom: 180px;

	right: 0px;

	background-image: url(../images/home/p7_bg_2.png);

	background-repeat: no-repeat;

	background-position: center top;

	opacity:0;

	transform:translate(0px,200px); 

	transition:all 0.5s ease-in-out;

}

.section.page10.active .bg2{opacity:1; transform:translate(0px,0px); transition-delay:1s;}



.section.page10 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page10.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page10 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page10.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page10 .learn_more{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}



.section.page10.active .learn_more{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page10 .dec{

	color: #5e5e5e;

}

.section.page10 .list{

	width:1580px;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:20px;

	

}

.section.page10 .list ul{}



.section.page10 .list li{ 

  width:295px; 

  height:220px; 

  float:left; 

  margin-left:10px; 

  margin-right:10px; 

  margin-bottom:20px; 

  position:relative;

  opacity:0; 

  transform:translate(0px,200px);

  transition:all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -webkit-transition: all 0.8s ease;

  -o-transition: all 0.8s ease;

}



.section.page10.active .list li{opacity:1; transform:translate(0px,0px); transition-delay:1.6s;}



.section.page10 .list li .img{width:295px; height:220px; position:relative;overflow:hidden;}



.section.page10 .list li .img img{ width:100%;transition: all 0.6s; }



.section.page10 .list li .img:hover img{

    transform: scale(1.2);

}



.section.page10 .list li .tit{

	height: 40px;

	line-height: 40px;

	width: 100%;

	text-align: center;

	position: absolute;

	font-size: 14px;

	color: #fff;

	background-color: #e0491c;

	z-index:10000;

	bottom:0px;

	left:0px;

	display:none;

}



.section.page10 .list li:hover .tit{ display:block;}



.section.page11{ }



.section.page11 .title{opacity:0; transform:translate(0px,-200px); transition:all 0.5s ease-in-out;}



.section.page11.active .title{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page11 .dec{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}



.section.page11.active .dec{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page11 .dec{

	color: #5e5e5e;

}



.section.page11 .coninfo{ 

   width:550px;

   margin:0 auto; 

   padding-top:30px; 

   padding-bottom:20px;

   transform:translate(0px,200px); 

	transition:all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

	opacity:0;

}



.section.page11.active .coninfo{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}



.section.page11 .coninfo .t1{ width:260px; float:left; margin-bottom:20px;}



.section.page11 .coninfo .t2{ width:260px; float:right; margin-bottom:20px;}



.section.page11 .coninfo .t3{ width:100%; clear:both; margin-bottom:20px;}



.section.page11 .coninfo span{

	font-size: 20px;

	line-height: 30px;

	color: #353535;

	height:30px;

	float:left;

}

.section.page11 .coninfo .txt{

	border: 1px solid #f3f3f3;

	height: 30px;

	line-height: 30px;

	text-indent: 20px;

	width: 190px;

	font-size: 18px;

	font-family: "微软雅黑";

}



.section.page11 .coninfo textarea{

	border: 1px solid #f3f3f3;

	height: 30px;

	padding: 10px;

	line-height: 30px;

	width: 460px;

	font-size: 18px;

	font-family: "微软雅黑";

}



.section.page11 .coninfo .submit{

	width: 482px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	font-size: 16px;

	color: #FFF;

	background-color: #121212;

	float:right;

	display:block;

	margin-right:10px;

}



.section.page11 #nav {display:block;width:100%;padding:0;margin:0;list-style:none;}

.section.page11 #nav li {float:left;}

.section.page11 #nav li a {display:block;line-height:27px;text-decoration:none;padding:0 0 0 5px; text-align:center; color:#333;}

.section.page11 .tag{ padding:10px; overflow:hidden;}

.section.page11 .selected{

	color: #fff;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333;

}



.section.page11 #menu_con{ clear:both;}



.section.page11 .yqlj{

	width: 1220px;

	padding: 10px 0;

	font-size: 14px;

	line-height: 30px;

	color: #282828;

	margin:0 auto;

}



.section.page11 .yqlj span{ display:block; margin-left:10px;}



.section.page11 .yqlj a{ color:#282828; font-size:14px; display:inline-block; margin:0 10px;}







#loading {

  background-color: #000;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: fixed;

  z-index: 10001;

}

#loading .dot {

  position: absolute;

  width: 10px;

  height: 10px;

  border-radius: 20px;

  top: 50%;

  background-color: #0097FB;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  -webkit-animation: 3s linear loader infinite;

  animation: 3s linear loader infinite;

}

#loading .dot:nth-of-type(1) {

  left: 0px;

}

#loading .dot:nth-of-type(2) {

  left: -10px;

  -webkit-animation-delay: 0.15s;

  animation-delay: 0.15s;

}

#loading .dot:nth-of-type(3) {

  left: -20px;

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}

#loading .dot:nth-of-type(4) {

  left: -30px;

  -webkit-animation-delay: 0.45s;

  animation-delay: 0.45s;

}

#loading .dot:nth-of-type(5) {

  left: -40px;

  -webkit-animation-delay: 0.60s;

  animation-delay: 0.60s;

}

#loading.closed {

  -webkit-animation: fadeOut 0.3s;

  -moz-animation: fadeOut 0.3s;

  animation: fadeOut 0.3s;

}

@-webkit-keyframes loader {

  0%,

  20% {

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    opacity: 0;

  }

  35% {

    -webkit-transform: translate(45vw, -50%);

    transform: translate(45vw, -50%);

    opacity: 1;

  }

  65% {

    -webkit-transform: translate(55vw, -50%);

    transform: translate(55vw, -50%);

    opacity: 1;

  }

  80%,

  100% {

    -webkit-transform: translate(100vw, -50%);

    transform: translate(100vw, -50%);

    opacity: 0;

  }

}

@keyframes loader {

  0%,

  20% {

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    opacity: 0;

  }

  35% {

    -webkit-transform: translate(45vw, -50%);

    transform: translate(45vw, -50%);

    opacity: 1;

  }

  65% {

    -webkit-transform: translate(55vw, -50%);

    transform: translate(55vw, -50%);

    opacity: 1;

  }

  80%,

  100% {

    -webkit-transform: translate(100vw, -50%);

    transform: translate(100vw, -50%);

    opacity: 0;

  }

}



@media screen and (max-width: 1600px) { 

  .h40{ height:20px;}



.h60{ height:20px!important;} 

 

.section .title {

    font-size: 32px;

    line-height: 45px;

    height: 45px;

}



.section .dec {

    font-size: 14px;

    line-height: 26px;

}



.section .learn_more {

    width: 125px;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

}



.section.page2 .list{ padding-top:0px; padding-bottom:0px;}



.section.page2 .list{

    width:1200px;

	height:510px;

	overflow:visible;

}

.section.page2 .list li{ background-color:#fff; height:510px;}



.section.page2 .list li .tit {

    font-size: 18px;

    line-height: 85px;

    font-weight: bold;

}

.section.page3 .prolist {

    width: 1080px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 0px;

}

.section.page3  .prolist figure{ width:270px; height:180px;}



.section.page3 .prolist figure .pcon .tit{ font-size:16px;}



.section.page4 .main{ width:1000px; padding-top:0px;}



.section.page4 .litpic{ width:35%;}



.section.page4 .decs{ margin-top:0px; width:60%;}



.section.page4 .decs .info{ padding-bottom:20px;}



#ho li {

    float: left;

    width: 400px;

    height: 310px;

    position: relative;

    overflow: hidden;

    margin: 0 10px;

}

#ho li  .product{ width:100%; height:100%;}



#ho li .product .dj .tits h2{ margin-top:100px; font-size:20px;border-bottom-width: 1px; line-height:50px;}



#ho li .product .dj .tits p {

    font-size: 14px;

    line-height: 22px;

}

.section.page6 .container{ max-width:1000px; height:360px;}



.section.page7 .list {

    width: 1180px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 20px;

}

.section.page7 .list li {

    width: 215px;

    height: 163px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 10px;

}



.section.page7 .list li .img {

    width: 215px;

    height: 163px;

}



.section.page10 .list {

    width: 1180px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 20px;

}

.section.page10 .list li {

    width: 215px;

    height: 163px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 10px;

}



.section.page10 .list li .img {

    width: 215px;

    height: 163px;

}



.section.page11 .dec{ text-align:center; width:100%;}



.section.page11 .coninfo{ padding-top:10px;}



.section.page11 .coninfo textarea{ height:70px;}



.section.page11 .coninfo .submit {

    width: 482px;

    height: 30px;

    line-height: 30px;

	font-size:14px;

}

.section.page11 .coninfo .t1{ margin-bottom:10px;}



.section.page11 .coninfo .t2{ margin-bottom:10px;}



.section.page11 .coninfo .t3{ margin-bottom:10px;}



.section.page11 .coninfo span{

	font-size: 14px;

	line-height: 25px;

	height:25px;

}

.section.page11 .coninfo .txt{

	height: 25px;

	line-height: 25px;

	text-indent: 10px;

	font-size: 14px;

}



.section.page11 .coninfo textarea{

	height: 30px;

	line-height: 25px;

	font-size: 14px;

}

} 



@media screen and (max-width: 1368px) {



.h40{ height:20px;}



.h60{ height:20px!important;} 

 

.section .title {

    font-size: 32px;

    line-height: 45px;

    height: 45px;

}



.section .dec {

    font-size: 14px;

    line-height: 26px;

}



.section .learn_more {

    width: 125px;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

}



.section.page2 .list{ padding-top:0px; padding-bottom:0px;}



.section.page2 .list{

    width:1200px;

	height:360px;

	overflow:visible;

}

.section.page2 .list li{ background-color:#fff; height:360px;}



.section.page2 .list li .tit {

    font-size: 18px;

    line-height: 85px;

    font-weight: bold;

}

.section.page3 .prolist {

    width: 1080px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 0px;

}

.section.page3  .prolist figure{ width:270px; height:180px;}



.section.page3 .prolist figure .pcon .tit{ font-size:16px;}



.section.page4 .main{ width:1000px; padding-top:0px;}



.section.page4 .litpic{ width:35%;}



.section.page4 .decs{ margin-top:0px; width:60%;}



.section.page4 .decs .info{ padding-bottom:20px;}



#ho li {

    float: left;

    width: 400px;

    height: 310px;

    position: relative;

    overflow: hidden;

    margin: 0 10px;

}

#ho li  .product{ width:100%; height:100%;}



#ho li .product .dj .tits h2{ margin-top:100px; font-size:20px;border-bottom-width: 1px; line-height:50px;}



#ho li .product .dj .tits p {

    font-size: 14px;

    line-height: 22px;

}

.section.page6 .container{ max-width:1000px; height:360px;}



.section.page7 .list {

    width: 1180px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 20px;

}

.section.page7 .list li {

    width: 215px;

    height: 163px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 10px;

}



.section.page7 .list li .img {

    width: 215px;

    height: 163px;

}



.section.page10 .list {

    width: 1180px;

    margin: 0 auto;

    padding-top: 0px;

    padding-bottom: 20px;

}

.section.page10 .list li {

    width: 215px;

    height: 163px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 10px;

}



.section.page10 .list li .img {

    width: 215px;

    height: 163px;

}



.section.page11 .dec{ text-align:center; width:100%;}



.section.page11 .coninfo{ padding-top:10px;}



.section.page11 .coninfo textarea{ height:70px;}



.section.page11 .coninfo .submit {

    width: 482px;

    height: 30px;

    line-height: 30px;

	font-size:14px;

}

.section.page11 .coninfo .t1{ margin-bottom:10px;}



.section.page11 .coninfo .t2{ margin-bottom:10px;}



.section.page11 .coninfo .t3{ margin-bottom:10px;}



.section.page11 .coninfo span{

	font-size: 14px;

	line-height: 25px;

	height:25px;

}

.section.page11 .coninfo .txt{

	height: 25px;

	line-height: 25px;

	text-indent: 10px;

	font-size: 14px;

}



.section.page11 .coninfo textarea{

	height: 30px;

	line-height: 25px;

	font-size: 14px;

}



}